<template>
  <el-card class="box-card" style="width: 1180px">
    <div slot="header" class="clearfix">
      <el-form :inline="true" :model="query">
        <el-form-item> </el-form-item>
      </el-form>
    </div>
    <el-table :data="infoVosChuList" border style="width: 100%">
      <el-table-column prop="diNumber" label="借款编号" width="120">
      </el-table-column>
      <el-table-column prop="diName" label="借款人姓名" width="120">
      </el-table-column>
      <el-table-column prop="diPayMethod" label="贷款方式" width="150">
      </el-table-column>
      <el-table-column prop="diDebitStatus" label="审核状态" width="120">
      </el-table-column>
      <el-table-column prop="productName" label="申请产品" width="120">
      </el-table-column>
      <el-table-column label="操作" width="180">
        <template slot-scope="scope">
          
          <el-popconfirm
            title="这是一段内容确定删除吗？"
            @confirm="handleDelete(scope.row.id)"
          >
            
          </el-popconfirm>
          <el-button
            type="info"
            size="mini"
            @click="seedetailsPage(scope.row.uinfoId)"
            >查看详情</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>
  
  <script>
export default {
  data() {
    return {
      uinfoIdLoan: {},
      infoVosChuList: [],
      query: {},
      addForm: {},
      updateForm: {},
    };
  },
  methods: {
    loadDebitinfos() {
      this.$axios.get("/debitinfos/ByDiDebitStatusChu").then((res) => {
        this.infoVosChuList = res.data.data.borrowerInfoVosChuList;
      });
    },
    seedetailsPage(uinfoId) {
      this.$axios.get("/debitinfos/" + uinfoId).then((res) => {
        this.uinfoIdLoan = res.data.data.uinfoIdLoanNumber;
        // JSON.stringify(sessionStorage.setItem("uinfoIdLoan",this.uinfoIdLoan));
      });
      this.$router.push("/seedetails?uinfoId=" + uinfoId);
    },
  },
  mounted() {
    this.loadDebitinfos();
  },
};
</script>